<div class="layui-side layui-bg-black">
    <div class="layui-side-scroll">
        <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
        <ul class="layui-nav layui-nav-tree">
            {notempty name="menuNav.menu"}
            {volist name="menuNav.menu" id="menu"}
            {empty name="menu.child"}
            <li class='layui-nav-item {eq name="menu.name" value="$menuNav.path" }layui-this{/eq}'>
                <a href="{$menu.name|url}">
                    <i class="{$menu.icon|default='fa fa-angle-right'} fa-fw"></i>&nbsp;
                    <cite>{$menu.title}</cite>
                    <span>{notempty name="menu.child"}<i class="fa fa-angle-left fa-fw"></i>{/notempty}</span>
                </a>
            </li>
            {else /}
            <li class='layui-nav-item'>
                <a href="javascript:;">
                    <i class="{$menu.icon|default='fa-angle-right'} fa-fw"></i>&nbsp;<cite>{$menu.title}</cite>
                </a>
                <dl class="layui-nav-child">
                    {volist name="menu.child" id="vo"}
                    <dd style="padding-left:10px" class='{eq name="vo.name" value="$menuNav.path" }layui-this{/eq}'>
                        <a href="{$vo.name|url}">
                            <i class="{$vo.icon|default='fa-angle-right'} fa-fw"></i>&nbsp;
                            <cite>{$vo.title}</cite>
                        </a>
                    </dd>
                    {/volist}
                </dl>
            </li>
            {/empty}
            {/volist}
            {/notempty}
        </ul>
    </div>
</div>